<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>设备规模</title>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="sbgm-1.css"/>
</head>
<body>
<div class="container">
    <p class="name">设备规模</p>
    <div class="left-box">
        <!-- 变电-->
        <div class="subStation">
            <div class="title">
                <p><img src="img/icon1.png" alt=""/> <span class="text-color">变电</span></p>
                <p><span id="bd_z" class="text-color fw"></span> 座 <b>/</b> <span id="bd_mva" class="text-color fw"></span> 万MVA</p>
            </div>
            <div class="list" style="display:block;">
                <ul id="sub_list"></ul>
            </div>
        </div>
        <!-- 输电-->
        <div class="transmission">
            <div class="title">
                <p><img src="img/icon2.png" alt="" style="    margin-right: 31px;"/> <span class="text-color">输电</span></p>
                <p><span id="sd_t" class="text-color fw"></span> 条 <b>/</b> <span id="sd_gl" class="text-color fw"></span> 万公里</p>
            </div>
            <div class="list">
                <ul id="tran_list"></ul>
            </div>
        </div>
        <!-- 配网-->
        <div class="dms">
            <div class="title">
                <p><img src="img/icon3.png" alt="" style="    margin-right: 64px;"/> <span class="text-color">配网</span></p>
                <!--<p><span id="dms_z" class="text-color fw"></span> 座 <b>/</b> <span id="dms_mva" class="text-color fw"></span> 万MVA</p>-->
            </div>
            <div class="list">
                <ul id="dms_list">

                </ul>
            </div>
        </div>
    </div>
    <div class="center-box">
        <img src="img/map-line.png" alt="" class="map-line"/>
        <img src="img/map-text.png" alt="" class="map-text"/>
        <div class="map-img">
            <img class="sd" src="img/sd.png" alt=""/>
        </div>
    </div>
    <div class="right-box">
        <ul class="tab">
            <li class="active">主变压器</li>
            <li>输电线路</li>
            <li>配电变压器</li>
            <li id="pdxl">配电线路</li>
        </ul>
        <div style="margin-bottom: 50px;">
            <p class="right-title"><img src="img/line-s.png" alt=""/> <span id="title1"></span></p>
            <div id="zbyq"></div>
        </div>
        <div class="yxnx">
            <p class="right-title"><img src="img/line-s.png" alt=""/> <span id="title2"></span></p>
            <div id="yxnx"></div>
            <ul class="yxnx-data"></ul>
            <p id="unit"></p>
        </div>
    </div>
</div>
<script src="../js/jquery-3.2.1.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/echarts-gl.min.js"></script>
<script src="../js/common.js"></script>
<script src="sbgm-1.js"></script>
</body>
</html>